<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>父子继承关系</title>

    <style>

       /*ui{   color: red; font-size: 58px; list-style: none; } 父子关系，加上ui后li全部改变 其中 list-style:none是把无序列表的实心去掉*/
        
     li{color: red;font-size: 58px;}


   
   
    </style>

</head>



<body>
<ui>


    <li>   大家好</li>

    <li class="font1">   大家好</li>

    <li class="font2">   大家好</li>

    <li class="font3">   大家好</li>



</ui>

</body>
</html>